<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="12css.css" rel="stylesheet" type="text/css">
</head>
<body>
    <p><strong>加重文字。我不在li标签中</strong></p>
    <p>
        <ul>
            <li><strong>数学，我是li标签下的</strong></li>
            <li>英语</li>
        </ul>
    </p>

    <p id="aaa" name="aaa">id选择器</p>
    <p class="chapter">第一章</p>
    <p class="chapter">第二章</p>
    <p class="chapter">第三章</p>

    <p name="bbb" title="提示文字">属性选择器</p>
    <p>属性选择器</p>
</body>
</html>

<!--
css选择器 selector: 把要定义样式的html元素标签选择出来。
- 派生选择器。 主要表现层级。适用不太精确情况，经常与id、class选择器配合
- id选择器。 适用唯一准确的情况，个人测试比较方便。
- class类选择器。适合一组类似内容的标签。
-(了解)属性选择器
多种选择器可能混合使用。

优先级: 多个选择器作用同一个标签的样式，哪个选择的元素近谁生效。
-->